<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表单上</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
	</head>
	<body>
		<!--垂直布局-->
		<p class="lead">垂直布局（默认）</p>
		<form role="form">
			<div class="form-group">
				<label>日期</label>
				<input type="date"  class="form-control" placeholder="日期"/>
			</div>
			<div class="email">
				<label>email</label>
				<input type="email" class="form-control" placeholder="这个是email" />
			</div>
			<div class="form-group">
				<label>文件</label>
				<input type="file"  class="form-control-file" />
				<p class="text-muted">选择你需要的文件</p>
			</div>
		</form>
		
		<!--内联表单-->
		<p class="lead">内联表单</p>
		<form role="form" class="form-inline">
			<div class="form-group">
				<!--隐藏class="sr-only"-->
				<label >日期</label>
				<input type="date"  class="form-control" placeholder="日期"/>
			</div>
			<div class="email">
				<label>email</label>
				<input type="email" class="form-control" placeholder="这个是email" />
			</div>
			<div class="form-group">
				<label>文件</label>
				<input type="file"  class="form-control-file" />
				<p class="text-muted">选择你需要的文件</p>
			</div>
		</form>
		
		<!--水平表单-->
		<p class="lead">水平表单(form-horizontal)</p>
		<form role="form" class="form-horizontal">
			<div class="form-group">
				<label class="col-sm-2 control-label">Email</label>
				<div class="col-sm-10">
					<input type="emial" placeholder="email"  class="form-control"/>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label">Password</label>
				<div class="col-sm-10">
					<input type="password" placeholder="password" class="form-control" />
				</div> 
			</div>
			<div class="form-group">
				<div class="col-sm-10 col-sm-offset-2">
					<div class="checkbox">
						<label>
							<input type="checkbox" />记住密码
						</label>
					</div>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-10">
					<button type="submit" class="btn-default">登录</button>
				</div>
			</div>
		</form>
	</body>
</html>
